/**
 * sidebar
 */
.cf-sidebar{
	width:261px;
	height: auto;
	position:fixed;
	top:64px;
	left:25px;
	z-index:10;
	border:1px solid #ddd;
	background-color:#fff;
}
.cf-user-infobox{
	padding:10px;
	.cf-user-pic{
		width:50px;
	}
	.cf-user-info{
		width: 100px;
		padding:10px;
		height: 100px;
		text-align: left;
		h3{
			margin:0;
			height: 30px;
			line-height: 30px;
			margin-top: 20px;
			font-size: 18px;
		}
		a{
			height: 30px;
			line-height: 30px;
		}
	}
}
.cf-sidebar-one-menu{
	width:109px;	
	height:auto;
}
.cf-sidebar-second-menu{
	width:150px;
	border-left:1px solid #ddd;
        padding-bottom:10px;
}
.cf-sidebar-second-menu,.cf-sidebar-one-menu{
	float:left;
	ul{
		li{
			height: 30px;
			line-height: 30px;
			text-indent: 20px;
			text-align: left;
			a{
				display: block;
				color: #333;
				cursor: pointer;
				&:hover,&.active,&.visited,&.focus{
					color: #333;
					text-decoration: none;
				}
				&.active{
					background:$sidebarActiveColor;
					color:$sidebarActiveBgColor;
				}
			}
			
		}
	}
}